* {
    margin: 0;
    padding: 0;
}

body {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-color: #050611;
    /* background-color: #161D56; */

}

/*a,p,h1,h2,h3,h4,h5,h6,body,span,label,div{padding:0;margin:0;font-family:'瀵邦喛钂嬮梿鍛寸拨';}
div{font-family:'瀵邦喛钂嬮梿鍛寸拨';}
ul{padding:0;margin:0;}
a{text-decoration:none !important;}*/
@font-face {
    font-family: yjsz;
    src: url('../fonts/yjsz.ttf');
    /* url('../fonts/yjsz.eot'); */
    /* IE9+,可以是具体的实际链接 */
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*右边*/
.data_right {
    width: 24%;
    height: 100%;
}

.right_top {
    width: 40%;
    height: calc(60% - 20px);
    /*background: green;*/
}

.panel_nav_info {
    width: 47.5%;
    /* border: 1px solid #20558b; */
    position: relative;
    /* margin-bottom: 35px; */
    height: 4rem;
    /* height: auto; */
    /* border: 1px solid rgba(25, 186, 139, 0.17); */
    /* border: 1px solid rgba(255, 255, 255, 0.65); */
    padding: 0 0.1875rem 0.5rem;
    margin-bottom: 0.1875rem;
}

.right_info {
    width: 47.5%;
    /* border: 1px solid #20558b; */
    position: relative;
    /* margin-bottom: 35px; */
    height: 4.5rem;
    /* height: auto; */
    /* border: 1px solid rgba(25, 186, 139, 0.17); */
    /* border: 1px solid rgba(255, 255, 255, 0.65); */
    background: rgba(255, 255, 255, 0.04) url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/61d7623a79d4765c5a342bb660a01a42086f777c.png');
    padding: 0 0.1875rem 0.5rem;
    margin-bottom: 0.1875rem;
}

.right_info::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-left: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.right_info::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-right: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.public::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 2px solid #06d9ec;
    border-left: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.public::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-top: 2px solid #06d9ec;
    border-right: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.right_infos::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-left: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.right_infos::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-right: 2px solid #06d9ec;
    /* border-radius: 20%; */
}
.panel_quanchangs::after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-right: 2px solid #06d9ec;
    /* border-radius: 20%; */
}
.panel_quanchangs::before{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-left: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.panel_quanchang::after{
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-right: 2px solid #06d9ec;
    /* border-radius: 20%; */
}
.panel_quanchang::before{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #06d9ec;
    border-left: 2px solid #06d9ec;
    /* border-radius: 20%; */
}

.panel_nav h2 {
    width: 2.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 400;
    margin: 0 auto;
    /* background-color: #14b6ff; */
    background: rgba(255, 255, 255, 0.04) url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/61d7623a79d4765c5a342bb660a01a42086f777c.png');
    position: absolute;
    left: 42%;
}

.right_infos h2 {
    width: 2.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 400;
    margin: 0 auto;
    /* background-color: #14b6ff; */
    background: rgba(255, 255, 255, 0.04) url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/61d7623a79d4765c5a342bb660a01a42086f777c.png');
}

.right_info h2 {
    width: 2.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 400;
    margin: 0 auto;
    /* background-color: #14b6ff; */
    background: rgba(255, 255, 255, 0.04) url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/61d7623a79d4765c5a342bb660a01a42086f777c.png');
}

.right_infos {
    width: 47.5%;
    /* border: 1px solid #20558b; */
    position: relative;
    /* margin-bottom: 35px; */
    margin-left: 0.3rem;

    height: 4.5rem;
    /* height: auto; */
    border: 1px solid rgba(25, 186, 139, 0.17);
    /* border: 1px solid rgba(255, 255, 255, 0.65); */
    background: rgba(255, 255, 255, 0.04) url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/61d7623a79d4765c5a342bb660a01a42086f777c.png');
    padding: 0 0.1875rem 0.5rem;
    margin-bottom: 0.1875rem;
}

.wenzi {
    margin-top: 10px;


}

.panel_nav_info_man {
    margin-top: 0.9rem;
    margin-left: 0.4rem;
}

.panel_nav_info_r {
    margin-top: 0.9rem;
    margin-left: 0.1rem;
}
.guns{
    width: 100%;
    height: 35px;
}

.guns span {
    display: block;
    float: left;
    height: 35px;
    width: 45%;
    /*background: red;*/
    /*margin: 15px 10px 10px 10px;*/
    /*padding: 20px;*/
    text-align: center;
    font-size: 20px;
    color: #00deff;
    text-align: center;
    margin-top: 0.05rem;
    /* margin-bottom: 10px; */
}

/* .guns span:nth-child(2) {
    color: #fff;
} */

.gun {
    /* width: 100%;*/
    /*margin: 20px;*/
    line-height: 3px;
}

.gun span {
    display: block;
    float: left;
    height: 20px;
    width: 33%;
    /*background: red;*/
    /*margin: 15px 10px 10px 10px;*/
    /*padding: 20px;*/
    text-align: center;
    font-size: 20px;
    color: #00deff;
    text-align: center;
    margin-top: 0.05rem;
    /* margin-bottom: 10px; */
}

/* .gun span:nth-child(2) {
    color: #fff;
} */

#FontScroll {
    width: 100%;
    height: 200px;
    overflow: hidden;
    /*float: left;*/
    margin-top: 40px;
    /*margin: 0 5%;*/
    /*margin-left: 50px;*/

    /*background: gold;*/

}

#FontScroll ul li {
    height: 38px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    border-bottom: 1px dashed #404040;
    /*width:33.3%;*/
    overflow: hidden;

    /*background: red;
    margin: 0 2%;*/

}

#FontScroll ul li:nth-child(1) {
    /*background-color: #072951;*/
    box-shadow: -10px 0px 15px #034c6a inset,
        /*左边阴影*/
        10px 0px 15px #034c6a inset;

}

#FontScroll ul li:hover {
    box-shadow: -10px 0px 15px #034c6a inset,
        /*左边阴影*/
        10px 0px 15px #034c6a inset;
    cursor: pointer;
}

.fontInner span {
    display: inline-block;
    /*float: left;*/
    /*height: 20px;*/
    width: 31%;
    font-size: 0.2rem;

    /*background: red;*/

}




.right_content {
    width: 100%;
    height: calc(50% - 20px);
    border: 1px solid #20558b;
    position: relative;
    margin-bottom: 35px;
}

.right_bottom {
    width: 100%;
    height: calc(50% - 20px);
    border: 1px solid #20558b;
    position: relative;
    margin-bottom: 20px;
}

.content {
    width: 500px;
    height: 500px;
    margin: 0 auto;
}

.content img {
    margin-top: 500px;
}